<!-- 登录页 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>

    <!-- 网站favicon图标 -->
    <link rel="shortcut icon" href="favicon1.ico"/>
    
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="./css/base.css">

    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <div>
        <!-- 头部区域 -->
        <header class="w">
            <div class="logo">
                <a href="index.html">
                    <img src="./img/logo.png" alt="">
                </a>
            </div>
        </header>
        <!-- 主体区域 -->
        <div class="column">
            <div class="column_bg">
                <img src="./img/loginbg.png" alt="">
            </div>
            <div class="login clearfix">
                <ul>
                    <li class="login_title">                    
                        <h3>
                            <div class="left"><a href="#">扫码登陆</a></div>
                            <div class="right"><a href="#">账号登陆</a></div>
                        </h3>                   
                    </li>
                    <li>
                        <span class="msg">公共场所不建议自动登录，以免账号丢失</span>
                    </li>
                    <li>
                        <div class="uName_pwd">
                            <input class="inp1" type="text" placeholder="邮箱/用户名/手机号" />
                            <input class="inp2" type="password" placeholder="请输入密码" />
                        </div>
                    </li>
                    <li>
                        <div class="remember">
                            <span class="fl"><input type="checkbox"/>自动登录</span>
                            <a href="#" class="fr">忘记密码?</a>
                        </div>
                    </li>
                    <li>
                        <input type="button" value="登录" class="btn">
                    </li>
                    <li>
                        <div class="link">
                            <div class="qq"></div>
                            <div class="xl"></div>
                            <div class="zfb"></div>
                            <div class="wx"></div>
                        </div>
                        <div class="regist">
                            <a href="./register.html">立即注册</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        <!-- 底部区域 -->
        <footer class="w">
            <div class="mod_copyright">
                <div class="links">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li></li>
                        <li><a href="#">联系我们</a></li>
                        <li></li>
                        <li><a href="#">联系客服</a></li>
                        <li></li>
                        <li><a href="#">商家入驻</a></li>
                        <li></li>
                        <li><a href="#">营销中心</a></li>
                        <li></li>
                        <li><a href="#">手机品优购</a></li>
                        <li></li>
                        <li><a href="#">友情链接</a></li>
                        <li></li>
                        <li><a href="#">销售联盟</a></li>
                        <li></li>
                        <li><a href="#">品优购社区</a></li>
                        <li></li>
                        <li><a href="#">品优购公益</a></li>
                        <li></li>
                        <li><a href="#">English Site</a></li>
                        <li></li>
                        <li><a href="#">Contact U</a></li>
                    </ul>
                </div>
                <div class="copyright">
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                    京ICP备08001421号京公网安备110108007702
                </div>
            </div>
        </footer>
    </div>
</body>
</html>